﻿@model TalentDesk.Mvc.Models.LoginModel
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Login</title>
</head>
<body>
       @using (Html.BeginForm(new { ReturnUrl = ViewBag.ReturnUrl }))
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary(true)
        <div id="example" class="k-content">
            <div id="tickets">
                <h3>Login</h3>
                <ul>
                    <li>
                        @Html.LabelFor(m => m.UserName)
                        <input type="text" id="username" name="username" class="k-textbox" required />
                    </li>
                    <li>
                        @Html.LabelFor(m => m.Password)
                        <input type="password" id="password" name="password" class="k-textbox" required />
                    </li>
                    <li>
                        @Html.LabelFor(m => m.RememberMe)
                        <input type="checkbox" name="RememberMe" />
                    </li>
                    <li class="accept">
                        <button class="k-button" type="submit">Login</button>
                    </li>
                </ul>
            </div>
        </div>
        <style scoped>
            .k-textbox {
                width: 11.8em;
            }

            #tickets {
                width: 510px;
                height: 323px;
                margin: 30px auto;
                padding: 10px 20px 20px 170px;
                background: url('../../content/web/validator/ticketsOnline.png') transparent no-repeat 0 0;
            }

                #tickets h3 {
                    font-weight: normal;
                    font-size: 1.4em;
                    border-bottom: 1px solid #ccc;
                }

                #tickets ul {
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                }

                #tickets li {
                    margin: 10px 0 0 0;
                }

            label {
                display: inline-block;
                width: 90px;
                text-align: right;
            }

            .required {
                font-weight: bold;
            }

            .accept, .status {
                padding-left: 90px;
            }

            .valid {
                color: green;
            }

            .invalid {
                color: red;
            }

            span.k-tooltip {
                margin-left: 6px;
            }
        </style>
    }
    }

</body>
</html>
